/*css reset*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;}
html,body,p{ padding: 0; margin: 0; font-family: "微软雅黑","Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; font-size: 12px;line-height: 1;}
ol, ul {list-style: none; padding: 0; margin: 0;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; }
table {border-collapse: collapse; border-spacing: 0;}
th,td { vertical-align: middle;padding: 0;}
a{text-decoration:none;	outline: none;hlbr:expression(this.onFocus=this.blur());}
input, select {vertical-align: middle;padding: 0;border: 0 none;}
img, iframe {border: none; text-decoration:none;}
img{vertical-align: top;}
strong {font-weight: bold;}
h1,h2,h3,h4,h5,h6{padding: 0; margin: 0;}
:focus {outline: 0;}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #999;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #999;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #999;
}
/*css common*/
.f-left {float: left;}
.f-right {float: right;}
.clearfix:after{content: "";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;font-size:0;}
.clearfix{*zoom:1;}
.nodisplay{display: none;}
html{margin: 0 auto;max-width: 1920px;}
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
.inner{max-width: 1200px;margin: 0 auto;}
.mobile{
	display: none;
}
.pad{
	display: none;
}
.web{
	display: block;
}
#main{
	padding-bottom: 456px;
}
/* header*/
#header{
	height: 100px;
	position: relative;
	z-index: 2;
	background-color: #fff;
}
#header .part1{
	height: 40px;
	line-height: 40px;
	background-color: #f3f3f3;
	text-align: right;
}
#header .part1 .line{
	width: 1px;
	height: 20px;
	background-color: #dadada;
	display: inline-block;
	vertical-align: middle;
	margin: 0 20px;
}
#header .part1 .mail-box,#header .part1 .tel-box{
	font-size: 14px;
	color: #888;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
}
#header .part1 .mail-box img,#header .part1 .tel-box img{
	margin-right: 10px;
	vertical-align: middle;
}
#header .part1 .language-web{
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
}
#header .part1 .language-web img{
	vertical-align: middle;
	margin-left: 10px;
}
#header .top .inner{
	position: relative;
}
#header .logo-web{
	position: absolute;
	left: 0;
	z-index: 3;
}
#header .right{
	float: right;
	line-height: 100px;
	font-size: 0;
}
#header .nav-box{
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
}
#header .nav-box a{
	font-size: 16px;
	color: #666;
	position: relative;
	margin-right: 20px;
}
#header .nav-box a.feature,#header .nav-box a.application,#header .nav-box a.product{
	margin-right: 40px;
}
#header .nav-box a.active,#header .nav-box a:hover{
	color: #0e5ba9;
	font-weight: bold;
}
#header .nav-box a .line{
	position: absolute;
	left: 0;
	bottom: -12px;
	width: 100%;
	height: 2px;
	background-color: #0e5ba9;
	display: none;
}
#header .nav-box a.active .line,#header .nav-box a:hover .line{
	display: block;
}
#header .nav-box a span{
	position: absolute;
	right: -19px;
	top: 50%;
	margin-top: -3px;
	display: inline-block;
	vertical-align: middle;
	width: 9px;
	height: 6px;
	background-repeat: no-repeat;
	background-image: url(../images/header_icon_web.png);
	background-size: 100% auto;
	background-position: left top;
}
#header .nav-box a.active span,#header .nav-box a:hover span{
	background-position: left bottom;
}
#header .sub-nav{
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	padding: 60px 0;
	background-color: #f3f3f3;
	z-index: 2;
	display: none;
}
#header .sub-nav .box{
	display: none;
	font-size: 0;
	text-align: right;
}
#header .sub-nav .box.active{
	display: block;
}
#header .sub-nav .box li{
	display: inline-block;
	vertical-align: top;
	text-align: left;
}
#header .sub-nav .box.application li{
	width: 16.66%;
	margin-right: 3%;
}
#header .sub-nav .box.product li{
	width: 20%;
}
#header .sub-nav .box.feature li{
	width: 33%;
}
#header .sub-nav .box li:last-child{
	margin-right: 0;
}
#header .sub-nav .box li a{
	display: block;
}
#header .sub-nav .box li .lv2{
	font-size: 16px;
	color: #0e5ba9;
	position: relative;
	margin-bottom: 36px;
}
#header .sub-nav .box li .lv2 img{
	position: absolute;
	left: -32px;
	top: 50%;
	margin-top: -9px;
}
#header .sub-nav .box li .lv3{
	font-size: 14px;
	color: #666;
	margin-bottom: 18px;
}
#header .sub-nav .box li .lv3 span{
	display: inline-block;
	vertical-align: middle;
	width: 8px;
	height: 12px;
	background-image: url(../images/header_sub_feature_icon2.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
	margin-right: 10px;
}
#header .sub-nav .box li .lv3:hover,#header .sub-nav .box li .lv3.active{
	color: #0e5ba9;
}
#header .sub-nav .box li .lv3:hover span,#header .sub-nav .box li .lv3.active span{
	background-position: center bottom;
}
#header .sub-nav .box li .lv3:last-child{
	margin-bottom: 0;
}
#header .btn{
	display: none;
}
#header .logo-mobile{
	display: none;
}
#header .language-mobile{
	display: none;
}
/*css 底部*/
#footer{
	height: 456px;
	margin-top: -456px;
	background-color: #0b4599;
	overflow-x: hidden;
}
#footer .bg{
	height: 60px;
	position: relative;
	left: 50%;
	margin-left: -960px;
}
#footer .inner{
	position: relative;
}
#footer .logo{
	position: absolute;
	right: 0;
	top: -54px;
}
#footer .top{
	padding-top: 50px;
	height: 325px;
	font-size: 0;
}
#footer .top li{
	display: inline-block;
	vertical-align: top;
}
#footer .top li:nth-child(1){
	width: 20%;
}
#footer .top li:nth-child(2){
	width: 27%;
}
#footer .top li:nth-child(3){
	width: 20%;
}
#footer .top li:nth-child(4){
	width: 33%;
}
#footer .top li a,#footer .top li p{
	display: block;
	color: #9fbddd;
	font-size: 14px;
	margin-bottom: 20px;
}
#footer .top li a:hover,#footer .top li p:hover{
	color: #fff;
}
#footer .top li .first{
	font-size: 18px;
	color: #fff;
	margin-bottom: 32px;
}
#footer .top li:nth-child(1) .first{
	margin-bottom: 40px;
}
#footer .bottom{
	border-top: 1px solid rgba(255,255,255,0.1);
	line-height: 70px;
	text-align: center;
}
#footer .bottom p{
	font-size: 12px;
	line-height: 1;
	color: rgba(255,255,255,0.3);
	display: inline-block;
	vertical-align: middle;
}
#footer .bottom p br{
	display: none;
}
/* 侧导航栏*/
#sidenav{
	position: fixed;
	top: 0;
	left: -100%;
	background-color: #fff;
	width: 240px;
	height: 100%;
	z-index: 2;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	overflow-x: hidden;
	overflow-y: scroll;
	padding-top: 3.75rem;
}
#sidenav.active{
	left: 0;
}
#sidenav .box .lv2 a{
	font-size: 1rem;
	color: #666;
	position: relative;
	display: block;
	padding: 6% 10%;
}
#sidenav .box.active .lv2 a{
	background-color: #0e5ba9;
	color: #fff;
}
#sidenav .box .lv2 a span{
	display: block;
	width: 6.5%;
	height: 22%;
	background-repeat: no-repeat;
	background-image: url(../images/sidenav_icon.png);
	background-size: 100% auto;
	background-position: center top;
	position: absolute;
	right: 10%;
	top: 50%;
	margin-top: -2.4%;
}
#sidenav .box.active .lv2 a span{
	background-position: center bottom;
}
#sidenav .box ul{
	display: none;
}
#sidenav .box.active ul{
	display: block;
}
    #sidenav .box ul li a {
        display: block;
        font-size: 0.875rem;
        color: #777;
        padding: 6.5% 0 6.5% 19%;
    }
        #sidenav .box ul li a.firstMenu {
            padding-left:13%;
        }
#sidenav .box ul li a.active{
	background-color: #0e5ba9;
	color: #fff;
}
/*回到顶部*/
#totop{
	display: none;
}
@media only screen and (max-width:1800px){	
}
@media only screen and (max-width:1610px){	
}
@media only screen and (max-width:1515px){	
}
@media only screen and (max-width:1460px){	

}
@media only screen and (max-width:1366px){
	
}
@media only screen and (max-width:1280px){
	
}
@media only screen and (max-width:1200px){
	html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;font-size: 16px;}
	body{
		 font-size: 62.5%;
	}
	html, body, #wrap{
		height: auto;
	}
	#main{
		padding-bottom: 0;
	}
	/* header*/
	#header{
		border-top: 0 none;
		height: 3.75rem;
		line-height: 3.75rem;
		padding: 0 4.8%;
		box-shadow: 5px 5px 10px rgba(0,0,0,0.07);
	}
	#header .part1{
		display: none;
	}
	#header .top{
		display: none;
	}
	#header .sub-nav{
		display: none;
	}
	#header .btn{
		display: inline-block;
		vertical-align: middle;
		margin-right: 6.5%;
	}
	#header .btn img{
		display: none;
	}
	#header .btn img.active{
		display: block;
	}
	#header .logo-mobile{
		height: 2rem;
		vertical-align: middle;
		display: inline;
	}
	#header .language-mobile{
		line-height: 1;
		position: absolute;
		right: 4.8%;
		top: 50%;
		margin-top: -0.75rem;
		display: block;
	}
	#header .language-mobile a{
		font-size: 1.125rem;
		vertical-align: middle;
		color: #0e5ba9;
	}
	#header .language-mobile .line{
		width: 1px;
		height: 1.5rem;
		background-color: #e5e5e5;
		display: inline-block;
		vertical-align: middle;
		margin: 0 0.75rem;
	}
	/*css 底部*/
	#footer{
		height: auto;
		margin-top: 0;
	}
	#footer .bg{
		display: none;
	}
	#footer .logo{
		display: none;
	}
	#footer .top{
		padding-top: 45px;
		height: 259px;
	}
	#footer .top li{
		padding: 0 30px;
	}
	#footer .top li:nth-child(1){
		display: none;
	}
	#footer .top li:nth-child(2){
		display: none;
	}
	#footer .top li:nth-child(3){
		width: 50%;
	}
	#footer .top li:nth-child(4){
		width: 50%;
	}
	#footer .top li:nth-child(3) a{
		display: inline-block;
		vertical-align: top;
		width: 50%;
	}
	#footer .top li:nth-child(3) a.first{
		width: 100%;
	}
	/*回到顶部*/
	#totop{
		position: fixed;
		right: 4%;
		bottom: 4%;
		z-index: 2;
		display: block;
		width: 60px;
	}
	.pad{
		display: block;
	}
	.web{
		display: none;
	}
}
@media only screen and (max-width:1024px){
}
@media only screen and (max-width:767px){
	.mobile{
		display: block;
	}
	.pad{
		display: none;
	}
	/*css 底部*/
	#footer .top{
		padding-top: 12%;
		height: auto;
	}
	#footer .top li{
		padding: 0 6.6% 12%;
	}
	#footer .top li:nth-child(3){
		width: 100%;
	}
	#footer .top li:nth-child(4){
		width: 100%;
	}
	#footer .top li a,#footer .top li p{
		font-size: 0.875rem;
		margin-bottom: 1.25rem;
	}
	#footer .top li a:last-child,#footer .top li p:last-child{
		margin-bottom: 0;
	}
	#footer .top li .first{
		font-size: 1.375rem;
		margin-bottom: 2rem;
	}
	#footer .bottom{
		line-height: 6rem;
	}
	#footer .bottom p{
		font-size: 0.75rem;
	}
	#footer .bottom p br{
		display: block;
	}
	/* 侧导航栏*/
	#sidenav{
		width: 64%;
	}
	/*回到顶部*/
	#totop{
		width: 3.125rem;
	}
}
@media only screen and (max-width:414px){
	
}
@media only screen and (max-width:320px){
	
}